<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页 - 随手拍活动 - {$Config.sitename}</title>
    <link rel="stylesheet" href="__HOMECSS__/swiper.min.css" />
    <link rel="stylesheet" href="__CSS__/suipai.css" />
    <link rel="stylesheet" href="__HOMECSS__/global.css" />
    <script type="text/javascript" src="__HOMEJS__/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="__HOMEJS__/swiper.jquery.min.js"></script>
</head>
<body>

    <Admintemplate file="Toppic/Suipai/header"/>

    <div class="body_wrap"> 
        <div class="mid_txt mt20"><img src="__IMAGE__/lc_txt.jpg" alt=""/></div>
        <div class="step">
            <div class="step_top">
                <ul>
                  <li style="width: 280px">作品上传</li>
                    <li style="width: 290px">作品审核</li>
                    <li style="width: 190px" class="red">7月9号获奖公布</li>
                    <li style="width: 170px">奖品发放</li>
                </ul>
            </div>
            <div class="step_top" style="margin-top: 50px">
                <ul>
                   <li>6月15日</li>
                    <li style="width: 430px">7月5日</li>
                    <li style="width: 165px">7月8日</li>
                    <li style="width: 325px">7月15日</li>
                </ul>
            </div>
        </div>
        <div class="mid_txt mt70"><img src="__IMAGE__/sm_txt.jpg" alt=""/></div>
        <div class="mid_txt mt40"><img src="__IMAGE__/note_txt.jpg" alt=""/></div>
        <div class="mid_txt mt70"><img src="__IMAGE__/rm_txt.jpg" alt=""/></div>

        <div class="islider">
            <div class="leftbar red">目前最勤奋前60名 <p>上传作品数量最多</p></div>
            <div class="swiper-container" id="swiper1">
                <div class="swiper-wrapper">
                    <empty name="qflist"><div class="nodata">暂无参赛作品</div></empty>
                    <foreach name="qflist" item="qf">
                    <div class="swiper-slide">
                        <span><a href="__WEBURL__/suipai/{$qf.workid}"><img src="__FILESURL__/{$qf.suipai.image}" alt=""/></a></span>
                        <em><a href="__WEBURL__/u/{$qf.user.openuid}"><img src="{$qf.user.uavatar|getUavatar}" alt=""/></a></em>
                        <p><a href="__WEBURL__/suipai/{$qf.workid}">{$qf.suipai.title}</a></p>
                    </div>
                    </foreach>
                </div>
                <div class="swiper-button-next"> &rsaquo; </div>
                <div class="swiper-button-prev"> &lsaquo; </div>
            </div>
        </div>
        <div class="mt50"></div>
        <div class="islider">
            <div class="leftbar reddark">互动最强的40作品 <p>作品获得评论最多,互动效果最好</p></div>
            <div class="swiper-container" id="swiper2">
                <div class="swiper-wrapper">
                    <empty name="qflist"><div class="nodata">暂无参赛作品</div></empty>
                    <foreach name="hdlist" item="hd">
                        <div class="swiper-slide">
                            <span><a href="__WEBURL__/suipai/{$hd.id}"><img src="__FILESURL__/{$hd.image}" alt=""/></a></span>
                            <em><a href="__WEBURL__/u/{$hd.openuid}"><img src="{$hd.uavatar|getUavatar}" alt=""/></a></em>
                            <p><a href="__WEBURL__/suipai/{$hd.id}">{$hd.title}</a></p>
                        </div>
                    </foreach>
                </div>
                <div class="swiper-button-next"> &rsaquo; </div>
                <div class="swiper-button-prev"> &lsaquo; </div>
            </div>
        </div>
        
        <div class="mid_txt mt90"><a href="__WEBURL__/user/bake/suipaiadd?t=toppic" target="_blank"><img src="__IMAGE__/up_btn.jpg" alt=""/></a></div>

    </div>

    <div class="blankbtm mt40"></div>

    <Admintemplate file="Home/Public/footer"/>

    <script>
        var swiper = new Swiper('#swiper1', {
            nextButton: '#swiper1 .swiper-button-next',
            prevButton: '#swiper1 .swiper-button-prev',
            slidesPerView: 3,
            spaceBetween: 30
        });
        var swiper2 = new Swiper('#swiper2', {
            nextButton: '#swiper2 .swiper-button-next',
            prevButton: '#swiper2 .swiper-button-prev',
            paginationClickable: true,
            slidesPerView: 3,
            spaceBetween: 30
        });
    </script>
</body>
</html>